<!DOCTYPE html>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="sogou_site_verification" content="xEzQCCnuN3">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原生APP解决方案_助力企业开展移动战略部署</title>
    <meta name="keywords" content="商城小程序,分销商城,微商城,商城系统,分销商城系统,微分销平台,分销小程序,新零售,社交电商">
    <meta name="description" content="EWEISHOP新零售社交分销商城系统,微商城小程序,微分销平台,分销小程序,一站式社交电商解决方案,多渠道营销,融合线上线下打造健康闭合的电商生态圈,新零售电商">
    <link rel="shortcut icon" href="https://ewei.shop/favicon.ico">
    <script type="text/javascript" async="" charset="utf-8" src="../../server/app/img/core.php"></script>
    <script type="text/javascript" async="" charset="utf-8" src="../../server/app/img/c.php" id="cnzz_tj"></script>
    <script>
        var basePath = '/default/';
        window.basePath = '/default/';
    </script>
    <link rel="stylesheet" type="text/css" href="../../server/app/img/comon.css">
    <link rel="stylesheet" href="../../server/app/img/font_1216821_vntt0f1a8h.css">
    <script type="text/javascript" src="../../server/app/img/jquery-1.9.0.min.js"></script>

    <link rel="stylesheet" type="text/css" href="../../server/app/img/solution-app.css">
    <link rel="stylesheet" type="text/css" href="../../server/app/img/swiper-3.4.2.min.css">
    <link rel="stylesheet" type="text/css" href="../../server/app/img/animate.min.css">
    <link rel="stylesheet" href="../../server/app/img/font_844077_ft22imrq7oe.css">
</head>

<body style="zoom: 1;">

    <style scoped="header">
        .es-header {
            position: fixed;
            top: 0;
            z-index: 1000;
            color: #fff;
            width: 100vw;
            height: 80px;
            transition: all .2s ease;
            box-shadow: 0px 8px 15px rgba(26, 58, 129, 0.03);
        }
        
        .es-header .header-inner {
            display: flex;
            width: 1200px;
            height: inherit;
            justify-content: space-between;
            align-items: center;
            margin: 0 auto;
        }
        
        .es-header .nav-logo {
            display: block;
            width: 184px;
            height: 36px;
        }
        
        .es-header .header-nav {
            display: flex;
            height: inherit;
        }
        
        .es-header .nav-linktag {
            color: #fff;
            font-size: 16px;
            transition: all .2s ease;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 0 22px;
            position: relative;
        }
        
        .es-header .nav-linktag .has-more {
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            margin-left: 8px;
            transform: rotate(45deg);
            transform-origin: 6px 6px;
            position: absolute;
            top: 36px;
            right: 8px;
            transition: all .2s ease;
        }
        
        .es-header .nav-item:hover .has-more {
            transform: rotate(-135deg);
        }
        
        .es-header .nav-item .nav-linktag.active {
            color: #fff;
        }
        
        .es-header .nav-item:hover .nav-linktag {
            color: #fff;
        }
        
        .es-header .loginBtn .login {
            background: #fff;
            color: #fb6638;
            transition: all .2s ease;
        }
        
        .es-header.active {
            background: #ffffff;
            border-color: #e2e2e2;
        }
        
        .es-header.active .nav-linktag {
            color: #333;
            font-weight: normal;
        }
        
        .es-header.active .nav-linktag.active {
            color: #fb6638;
        }
        
        .es-header.active .nav-item:hover .nav-linktag {
            color: #fb6638;
        }
        
        .es-header.active .nav-item:hover .nav-btn {
            color: #fff;
        }
        
        .es-header.active .nav-item:hover .has-more {
            border-color: #fb6638;
        }
        
        .es-header.active .nav-linktag .has-more {
            border-color: #999;
        }
        
        .es-header.active .nav-linktag.active .has-more {
            border-color: #fb6638;
        }
        
        .es-header .nav-item {
            display: flex;
            align-items: center;
        }
        
        .es-header .nav-item .nav-btn {
            margin-left: 30px;
            width: 110px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: #fff;
            color: #fb6638;
            font-size: 16px;
            padding: 0;
        }
        
        .es-header .nav-item:hover .nav-btn {
            color: #fb6638;
        }
        
        .es-header.active .nav-btn {
            color: #fff;
            background: #fb6638;
        }
        
        .es-header .nav-item .slide-nav {
            position: absolute;
            top: 80px;
            left: 0;
            width: 100vw;
            background: #ffffff;
            box-shadow: 0px 8px 15px rgba(26, 58, 129, 0.03);
            transition: height .3s ease;
            overflow: hidden;
            height: 0;
        }
        
        .es-header .nav-item:hover .slide-nav {
            height: 160px;
        }
        
        .es-header .nav-item:hover .slide-nav.app {
            height: 407px;
        }
        
        .es-header .slide-nav-inner {
            width: 1200px;
            margin: 50px auto 60px;
        }
        
        .es-header .slide-nav-ls {
            display: flex;
        }
        
        .es-header .slide-nav-item {
            width: 254px;
        }
        
        .es-header .slide-nav-title {
            transition: color .2s ease;
            font-weight: normal;
            line-height: 22px;
            margin-bottom: 8px;
            font-size: 16px;
            color: #333333;
        }
        
        .es-header .slide-nav-desc {
            line-height: 20px;
            font-size: 14px;
            color: #999;
        }
        
        .es-header .slide-nav-item:hover .slide-nav-title {
            color: #fb6638;
        }
        
        .es-header .slide-nav.app .slide-nav-inner {
            display: flex;
            justify-content: space-between;
        }
        
        .es-header .slide-nav.app .slide-nav-header {
            position: relative;
            width: 100%;
            line-height: 20px;
            padding-bottom: 16px;
            border-bottom: 1px solid #e5e5e5;
            padding-left: 16px;
            font-size: 14px;
            color: #666;
        }
        
        .es-header .slide-nav.app .slide-nav-header::before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 3px;
            height: 16px;
            background: #fb6638;
        }
        
        .es-header .slide-nav.app .slide-nav-box {
            margin-top: 30px;
            display: flex;
        }
        
        .es-header .slide-nav.app .slide-nav-ls {
            width: 120px;
            margin-right: 40px;
            display: block;
        }
        
        .es-header .slide-nav.app .slide-nav-ls:last-child {
            margin-right: 0;
        }
        
        .es-header .slide-nav.app .slide-nav-item {
            margin-bottom: 30px;
            width: inherit;
        }
        
        .es-header .slide-nav.app .slide-nav-item:last-child {
            margin-bottom: 0px;
        }
        
        .es-header .slide-nav.app .slide-nav-item a {
            display: block;
            line-height: 22px;
            font-size: 16px;
            color: #333;
            transition: color .2s ease;
        }
        
        .es-header .slide-nav.app .slide-nav-item a:hover {
            color: #fb6638;
        }
    </style>
    <header id="esHeader" class="es-header">
        <nav class="header-inner">
            <div class="es-logo">
                <a href="../../index.html">
                    <img id="esLogo" class="nav-logo" src="../../img/logo-white.png">
                </a>
            </div>
            <ul class="header-nav">
                <li class="nav-item">
                    <a href="../../index.html" class="nav-linktag  ">首页</a>
                </li>
                <li class="nav-item">
                    <a href="../../solution/sell/index.html" class="nav-linktag ">解决方案<i class="has-more"></i></a>
                    <div class="slide-nav">
                        <ul class="slide-nav-inner slide-nav-ls">
                            <li class="slide-nav-item">
                                <a href="../../solution/sell/index.html">
                                    <h3 class="slide-nav-title">新零售解决方案</h3>
                                    <p class="slide-nav-desc">打造闭合的新零售生态圈</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="../../solution/social/index.html">
                                    <h3 class="slide-nav-title">社交电商解决方案</h3>
                                    <p class="slide-nav-desc">创建去中心化的电商体系</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="../../solution/commission/index.html">
                                    <h3 class="slide-nav-title">分销解决方案</h3>
                                    <p class="slide-nav-desc">建立完善的分销推广体系</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="../../server/app/index.html">
                                    <h3 class="slide-nav-title">原生APP解决方案</h3>
                                    <p class="slide-nav-desc">助力企业开展移动战略部署</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="../../server/develop/index.html">
                                    <h3 class="slide-nav-title">定制开发解决方案</h3>
                                    <p class="slide-nav-desc">全方位满足您的个性化需求</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="../../version/index.html" class="nav-linktag ">产品介绍</a>
                </li>
                <li class="nav-item">
                    <a href="../../product/show/index.html" class="nav-linktag ">应用介绍<i class="has-more"></i></a>
                    <div class="slide-nav app">
                        <div class="slide-nav-inner">
                            <div class="slide-nav-category">
                                <div class="slide-nav-header">特色功能</div>
                                <div class="slide-nav-box">
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/decoration" target="_blank">店铺装修</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/membership-marketing" target="_blank">会员营销</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/store" target="_blank">多门店</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/merchants" target="_blank">多商户</a></li>
                                        <li class="slide-nav-item">
                                            <a href="https://ewei.shop/product/show" target="_blank">
                                                <img src="../../server/app/img/more.png" alt="" style="width:16px;
                                            height:16px;
                                            display: inline-block;
                                            vertical-align: middle;">
                                                <span style="display: inline-block;
                                            vertical-align: middle;margin-left:5px">更多</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="slide-nav-category">
                                <div class="slide-nav-header">营销活动</div>
                                <div class="slide-nav-box">
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/group" target="_blank">拼团</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/seckill" target="_blank">秒杀</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/bargain" target="_blank">砍价</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/bargain-money" target="_blank">定金膨胀</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/packing" target="_blank">打包一口价</a></li>
                                    </ul>
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/solitaire" target="_blank">社群接龙</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/ticket" target="_blank">收费券包</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/ndiscount" target="_blank">第N件打N折</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/couponfission" target="_blank">裂变优惠券</a></li>
                                        <li class="slide-nav-item">
                                            <a href="https://ewei.shop/product/show" target="_blank">
                                                <img src="../../server/app/img/more.png" alt="" style="width:16px;
                                            height:16px;
                                            display: inline-block;
                                            vertical-align: middle;">
                                                <span style="display: inline-block;
                                            vertical-align: middle;margin-left:5px">更多</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="slide-nav-category">
                                <div class="slide-nav-header">应用插件</div>
                                <div class="slide-nav-box">
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/service" target="_blank">在线客服系统</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/cardsecret" target="_blank">电子卡密</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/shop-helper" target="_blank">店铺助手</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/credit" target="_blank">积分商城系统</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/note" target="_blank">运营笔记</a></li>
                                    </ul>
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/moments" target="_blank">朋友圈素材</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/purchase" target="_blank">快速购买</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/paidcard" target="_blank">付费会员卡</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/community" target="_blank">社区团购</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/live" target="_blank">直播带货</a></li>
                                    </ul>
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/polyapi" target="_blank">网店管家</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/exchange" target="_blank">兑换中心</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/buyer" target="_blank">买家秀</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/time" target="_blank">计次时</a></li>
                                        <li class="slide-nav-item">
                                            <a href="https://ewei.shop/product/show" target="_blank">
                                                <img src="../../server/app/img/more.png" alt="" style="width:16px;
                                            height:16px;
                                            display: inline-block;
                                            vertical-align: middle;">
                                                <span style="display: inline-block;
                                            vertical-align: middle;margin-left:5px">更多</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-linktag ">新闻中心<i class="has-more"></i></a>
                    <div class="slide-nav">
                        <ul class="slide-nav-inner slide-nav-ls">
                            <li class="slide-nav-item">
                                <a href="#">
                                    <p class="slide-nav-title">产品发布</p>
                                    <p class="slide-nav-desc">最完整的产品功能信息</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="#">
                                    <p class="slide-nav-title">最新动态</p>
                                    <p class="slide-nav-desc">行业最新资讯信息</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="#">
                                    <p class="slide-nav-title">更新日志</p>
                                    <p class="slide-nav-desc">稳定迭代更新</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- <li class="nav-item">
                    <a href="https://wiki.ewei.shop/" target="_blank" class="nav-linktag ">服务支持<i class="has-more"></i></a>
                    <div class="slide-nav">
                        <ul class="slide-nav-inner slide-nav-ls">
                            <li class="slide-nav-item">
                                <a href="https://wiki.ewei.shop/" target="_blank">
                                    <p class="slide-nav-title">帮助中心</p>
                                    <p class="slide-nav-desc">解决产品使用问题</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="https://u.ewei.shop/#/app" target="_blank">
                                    <p class="slide-nav-title">应用中心</p>
                                    <p class="slide-nav-desc">应用插件、服务、续费</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="https://u.ewei.shop/#/work/all" target="_blank">
                                    <p class="slide-nav-title">提交工单</p>
                                    <p class="slide-nav-desc">工单系统提交问题反馈</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="https://u.ewei.shop/#/user/feedback/my" target="_blank">
                                    <p class="slide-nav-title">提交建议</p>
                                    <p class="slide-nav-desc">产品使用建议提交</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li> -->
                <li class="nav-item">
                    <a href="../about/index.html" class="nav-linktag ">关于我们</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-linktag nav-btn">立即体验</a>
                </li>
            </ul>
        </nav>
    </header>
    <script>
        document.addEventListener('scroll', handleHeaderNavBg);

        function handleHeaderNavBg() {
            var scrollVal = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollVal > 10) {
                $('#esHeader').addClass('active');
                $('#esLogo').prop('src', '../../img/logo-active.png');
            } else {
                $('#esHeader').removeClass('active');
                $('#esLogo').prop('src', '../../img/logo-white.png');
            }
        }

        const pathName = location.pathname;
        var defaultActivePathArr = ['/news/upgrade-detail', '/news/detail'];
        if (defaultActivePathArr.includes(pathName)) {
            $('#esHeader').addClass('active');
            $('#esLogo').prop('src', '/default/img/home/logo-active.png');
            document.removeEventListener('scroll', handleHeaderNavBg);
        }
    </script>

    <div class="solution-app">
        <div class="top-banner">
            <div class="swiper-container marginauto">
                <div class="swiper-wrapper" style="margin-left:0px">
                    <div class="swiper-slide flex swiper-slide-active animated">
                        <div class="ani ani1 fadeInUp ">
                            <h2 class="bold">企业级原生APP开发服务</h2>
                            <p class="bigsize">高性价比专业开发 · 先进技术架构 · 一站式解决方案</p>
                            <!-- <div class="download-channel">
                                <a href="https://apps.apple.com/cn/app/dodobebe/id1509676639" target="_blank">
                                    <div class="store">
                                        <img class="store-icon" src="../../server/app/img/ic_ios.png" alt="">
                                        <div class="store-name">
                                            <p class="store-title">App Store</p>
                                            <p class="store-sub-title">下载</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="https://demo.eweishop.com/download/EWEISHOP_demo.apk">
                                    <div class="store">
                                        <img class="store-icon" src="../../server/app/img/ic_android.png" alt="">
                                        <div class="store-name">
                                            <p class="store-title">Android</p>
                                            <p class="store-sub-title">下载</p>
                                        </div>
                                    </div>
                                </a>
                                <div class="store store-qrcode">
                                    <img id="qrcode-btn" class="store-icon" src="../../server/app/img/ic_code.png" alt="">
                                    <img id="qrcode" class="qr-code" src="../../server/app/img/QRCode.png" alt="">
                                </div>
                            </div> -->
                        </div>
                        <div class="ani fadeInUp ">
                            <img src="../../server/app/img/img_banner.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="relation marginauto">
            <div class="titlele">
                <h2 class="title-top">EWEISHOP标准化原生APP</h2>
                <div class="title-contention"> 成熟的行业APP项目管理体系 高性价比行业报价 专注打造品质APP</div>
            </div>
            <div class="relation-content ">
                <img class="re-cont-img" src="../../server/app/img/img01.png">
                <div class="re-cont-info info1">
                    APP+小程序+公众号+H5多端数据打通，功能同步，轻松构造全渠道电商系统。
                </div>
                <div class="re-cont-info info2">
                    APP独立性强，无需担心第三方审核问题，营销玩法多，会员留存率高，与卖家强关联。
                </div>
                <div class="re-cont-info info3">
                    交互流畅、访问速度快、流量消耗低，给会员带来更好的使用体验。
                </div>
                <div class="re-cont-info info4">
                    强大的自定义装修功能，页面所见即所得，快速打造完美移动商城。
                </div>
            </div>
        </div>
        <div class="module">
            <div class="marginauto">
                <h2 class="title-top module-title">完善的基础功能，丰富的营销活动</h2>
                <div class="flex module-wrapper">
                    <div class="module-list">
                        <img class="module-img" src="../../server/app/img/ic21.png" alt="">
                        <p class="module-title">基础功能</p>
                        <div class="module-wrapper">
                            <div class="module">
                                <span>商品管理</span><span>会员评价</span><span>微信支付</span><span>支付宝支付</span>
                            </div>
                            <div class="module">
                                <span>订单管理</span><span>货到付款</span><span>余额支付</span>
                            </div>
                            <div class="module">
                                <span>会员管理</span><span>会员自提</span><span>购物车</span>
                            </div>
                        </div>
                    </div>
                    <div class="module-list">
                        <img class="module-img" src="../../server/app/img/ic22.png" alt="">
                        <p class="module-title">营销功能</p>
                        <div class="module-wrapper">
                            <div class="module">
                                <span>拼团</span><span>包邮</span><span>秒杀</span><span>折扣</span>
                            </div>
                            <div class="module">
                                <span>优惠券</span><span>新人礼</span><span>消费奖励</span>
                            </div>
                            <div class="module">
                                <span>积分抵扣</span><span>充值奖励</span><span>满额立减</span>
                            </div>
                        </div>
                    </div>
                    <div class="module-list">
                        <img class="module-img" src="../../server/app/img/ic23.png" alt="">
                        <p class="module-title">应用插件</p>
                        <div class="module-wrapper">
                            <div class="module">
                                <span>分销</span><span>海报</span><span>在线客服</span>
                            </div>
                            <div class="module">
                                <span>系统表单</span><span>电子卡密</span>
                            </div>
                            <div class="module">
                                <span>自定义表单</span><span>朋友圈素材</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pages">
            <div class="marginauto">
                <h2 class="title-top pages-title">APP功能页面展示</h2>
                <div class="pages-wrapper">
                    <div class="pages-item">
                        <img class="page-image" src="../../server/app/img/1.png" alt="">
                        <p class="page-title">首页</p>
                    </div>
                    <div class="pages-item">
                        <img class="page-image" src="../../server/app/img/2.png" alt="">
                        <p class="page-title">商品详情</p>
                    </div>
                    <div class="pages-item">
                        <img class="page-image" src="../../server/app/img/3.png" alt="">
                        <p class="page-title">会员中心</p>
                    </div>
                    <div class="pages-item">
                        <img class="page-image" src="../../server/app/img/4.png" alt="">
                        <p class="page-title">秒杀</p>
                    </div>
                    <div class="pages-item">
                        <img class="page-image" src="../../server/app/img/5.png" alt="">
                        <p class="page-title">分销中心</p>
                    </div>
                    <div class="pages-item">
                        <img class="page-image" src="../../server/app/img/6.png" alt="">
                        <p class="page-title">朋友圈素材</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="diy">
            <h2 class="diy-title">APP个性定制开发</h2>
            <span class="diy-intro">超高性价比专业开发，量身定做商城系统，打造您的专注APP解决方案</span>
            <div class="diy-box marginauto flex">
                <div class="box-content">
                    <div class="box-title">
                        <span>省心</span>
                    </div>
                    <div class="box-intro">
                        <img src="../../server/app/img/img41.png">
                        <p>提供一站式APP咨询、策划、开发、定制服务</p>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-title">
                        <span>省力</span>
                    </div>
                    <div class="box-intro">
                        <img src="../../server/app/img/img42.png">
                        <p>多年移动互联网开发与行业经验的沉淀提供主流行业APP解决方案</p>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-title">
                        <span>省时</span>
                    </div>
                    <div class="box-intro">
                        <img src="../../server/app/img/img43.png">
                        <p>iOS、Android同时开发，节约时间成本，高效交付、稳定上线</p>
                    </div>

                </div>
            </div>
        </div>

        <div class="virtue ">
            <div class="marginauto">
                <div class="virtue-title">
                    <h2 class="title-top" style="margin-top:0px">专业决定品质 APP开发优势</h2>
                    <span class="title-content">团队优势/ 丰富经验 / 超强能力 / 匠人精神</span>
                </div>

                <div class="virtue-content">
                    <div class="virtue-line flex">
                        <div class="virtue-box flex">
                            <img class="virtue-img" src="../../server/app/img/img51.png">
                            <div class="virtue-intr">
                                <h2>超强团队</h2>
                                <div>
                                    近百人开发团队，专业APP营运系统性配合，产品经理深度客户需求分析，优秀UI交互设计支持，强大前后端技术开发，严谨的程序性能测试，超强人员配置，成就高品质APP开发服务。
                                </div>
                            </div>
                        </div>

                        <div class="virtue-box flex" style="margin-right: 0px">
                            <img class="virtue-img" src="../../server/app/img/img52.png">
                            <div class="virtue-intr">
                                <h2>成熟经验</h2>
                                <div>服务超500家企业，对焦主流、热门行业，为企业商家打造符合业务发展需要的APP开发整体解决方案服务。我们倡导让客户感知产品的应用体验价值，而不仅是产品的功能
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="virtue-line flex">
                        <div class="virtue-box flex">
                            <img class="virtue-img" src="../../server/app/img/img53.png">
                            <div class="virtue-intr">
                                <h2>系统流程</h2>
                                <div>科学合理的流程，用户沟通、原型设计、软件测试、运营维护，独有的质量监督层层把关，确保过硬的产品质量。</div>
                            </div>
                        </div>

                        <div class="virtue-box flex" style="margin-right: 0px">
                            <img class="virtue-img" src="../../server/app/img/img54.png">
                            <div class="virtue-intr">
                                <h2>优质服务</h2>
                                <div>遵循客户至上原则，规范管理。完善的客服团队全心全意服务，为客户排忧解难。长达一年免费售后服务，让您无后顾之忧。</div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>



        <div class="backcap" style="display: none;">
            <div class="diolag" style="display: none;">
                <div class="diolag-div">
                    <img class="diolag-icon" src="../../server/app/img/close.png">
                    <div class="img">
                        <img>
                    </div>
                    <h3 class="diolag-title"></h3>
                    <p class="diolag-content"></p>
                    <button type="button" class="diolag-close">确定</button>
                </div>
            </div>
        </div>
        <div class="fixed">
            <ul class="flex">
                <li>提交APP定制需求，免费APP评估</li>
                <li><input id="content" placeholder="一句话描述自己的需求，例如：服装B2C"></li>
                <li><input id="mobile" placeholder="请输入手机号"></li>
                <li>
                    <button class="submit" type="button">免费APP评估</button>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript" src="../../server/app/img/swiper-3.4.2.min.js"></script>
    <script type="text/javascript" src="../../server/app/img/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="../../server/app/img/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../../server/app/img/index.js"></script>
    <script>
        $('#qrcode-btn').click(function() {
            $('#qrcode-btn').hide()
            $('#qrcode').show()
        })
        $('#qrcode').click(function() {
            $('#qrcode-btn').show()
            $('#qrcode').hide()
        })
        $(".backcap").hide()
            //弹框时，每次整个页面变暗一点
        var changeBack = function() {
            $(".backcap").show()
        }
        var changeCome = function() {
            $(".backcap").hide()
        }
        $(".diolag").hide()
        $(".diolag .diolag-icon").click(function() {
            $(".diolag").hide()
            changeCome()
        })
        $(".diolag .diolag-close").click(function() {
            $(".diolag").hide()
            changeCome()
        })

        // 封装一个清空输入框的方法
        var clearContent = function() {
            $("#content").val("")
            $("#mobile").val("")
        }
        $(".submit").click(function() {
            // 获取正则手机号的数据
            let contentData = $("#content").val()
            let mobileData = $("#mobile").val()
            let patt1 = new RegExp("^1\\d{10}$")

            //获取页面高度的方法
            var getHeight = function() {
                let _width = document.documentElement.clientWidth; //屏幕宽
                let _height = document.documentElement.clientHeight; //屏幕高
                let boxWidth = 580;
                let boxHeight = 330;
                // console.log(boxWidth,_width,_height)
                $(".diolag").show();
                $(".diolag .diolag-div").css({
                    "left": (_width - boxWidth) / 2 + `px`,
                    "top": (_height - boxHeight) / 2 + `px`
                })
            }

            //信息有误的时候
            var getFail = function() {
                    changeBack()
                    console.log('tel is wrong')
                        //这是电话有误
                    $('.diolag .diolag-title').text("提交失败！").css({
                        "font-size": "18px",
                        "color": "#3b426b",
                        "font-weight": "400"
                    })
                    $('.diolag .img img').attr("src", "/default//img/solution/app/fail.png");
                    $('.diolag .diolag-content').text("老板, 您的手机号码填写有误，请确认填写正确后再提交一次吧！").css({
                        "font-size": "14px",
                        "color": "#7d88a2",
                        "line-height": "28px",
                        "margin-top": "160px"
                    })
                }
                // 提交成功时
            var getSucess = function() {
                    changeBack()
                    console.log('success')
                    $('.diolag .diolag-title').text("提交成功！").css({
                        "font-size": "18px",
                        "color": "#3b426b",
                        "font-weight": "400"
                    })
                    $('.diolag .img img').attr("src", "/default//img/solution/app/success.png");
                    $('.diolag .diolag-content').text("老板, 您的信息已提交成功, 保持预留手机的通畅,  我们将尽快与您取得联系哦！").css({
                        "font-size": "14px",
                        "color": "#7d88a2",
                        "line-height": "28px",
                        "margin-top": "160px"
                    })
                }
                // 重复提交时
            var getAgain = function() {
                    changeBack()
                    console.log('getagain')
                    $('.diolag .diolag-title').text("重复提交！").css({
                        "font-size": "18px",
                        "color": "#3b426b",
                        "font-weight": "400"
                    })
                    $('.diolag .img img').attr("src", "/default//img/solution/app/fail.png");
                    $('.diolag .diolag-content').text("老板, 您的信息已提交过啦, 请勿重复提交哦！").css({
                        "font-size": "14px",
                        "color": "#7d88a2",
                        "line-height": "28px",
                        "margin-top": "160px"
                    })
                }
                // 没有填写内容
            var getNocont = function() {
                changeBack()
                console.log('getNocont')
                $('.diolag .diolag-title').text("提交失败！").css({
                    "font-size": "18px",
                    "color": "#3b426b",
                    "font-weight": "400"
                })
                $('.diolag .img img').attr("src", "/default//img/solution/app/fail.png");
                $('.diolag .diolag-content').text("老板，您的需求信息还没有填写，请填写完整再提交哦！").css({
                    "font-size": "14px",
                    "color": "#7d88a2",
                    "line-height": "28px",
                    "margin-top": "160px"
                })
            }

            var getHaserror = function(msg) {
                changeBack()
                console.log('getNocont')
                $('.diolag .diolag-title').text("提交失败！").css({
                    "font-size": "18px",
                    "color": "#3b426b",
                    "font-weight": "400"
                })
                $('.diolag .img img').attr("src", "/default//img/solution/app/fail.png");
                $('.diolag .diolag-content').text(msg).css({
                    "font-size": "14px",
                    "color": "#7d88a2",
                    "line-height": "28px",
                    "margin-top": "160px"
                })
            }

            let lock = true

            getHeight()
            if (!patt1.test(mobileData)) {
                //执行电话有误的事件
                getFail()
                clearContent()
            } else {
                let subData = {
                        content: contentData,
                        mobile: mobileData,
                        type: 100
                    }
                    //这是成功的
                if (lock) {
                    lock = false
                        //发送请求
                    $.ajax({
                        type: "POST",
                        url: " https://u.ewei.shop/api/guestbook/post",
                        data: subData,
                        success: function(msg) {
                            if (msg.error == "0") {
                                getSucess()
                                clearContent()
                            } else if (msg.error == "-1") {
                                getHaserror(msg.message)
                                clearContent()
                            }
                        }
                    })
                }

            }
        })
    </script>
    <div class="footer">
        <div class="flex marginauto">
            <div class="footer-item">
                <p class="footer-tit">解决方案</p>
                <a href="../../solution/sell">
                    <p>新零售解决方案</p>
                </a>
                <a href="../../solution/social">
                    <p>社交电商解决方案</p>
                </a>
                <a href="../../solution/commission">
                    <p>分销解决方案</p>
                </a>

            </div>
            <div class="footer-item">
                <p class="footer-tit">产品中心</p>
                <a href="../../product/decoration">
                    <p>店铺装修</p>
                </a>
                <a href="../../product/group">
                    <p>拼团</p>
                </a>
                <a href="../../product/seckill">
                    <p>秒杀</p>
                </a>
                <a href="../../product/service">
                    <p>在线客服系统</p>
                </a>
            </div>
            <div class="footer-item">
                <p class="footer-tit">我们的服务</p>
                <a href="../../server/develop">
                    <p>定制开发解决方案</p>
                </a>
                <a href="../../server/app">
                    <p>原生APP解决方案</p>
                </a>
            </div>
            <div class="footer-item">
                <p class="footer-tit">新闻中心</p>
                <a href="#">
                    <p>产品发布</p>
                </a>
                <a href="#">
                    <p>最新动态</p>
                </a>
                <a href="#">
                    <p>更新日志</p>
                </a>
            </div>
            <div class="footer-item">
                <p class="footer-tit">服务支持</p>
                <a href="#" target="_blank">
                    <p>帮助中心</p>
                </a>
                <a href="#" target="_blank">
                    <p>应用中心</p>
                </a>
                <a href="#" target="_blank">
                    <p>提交工单</p>
                </a>
                <a href="#" target="_blank">
                    <p>提交建议</p>
                </a>
            </div>
            <div class="footer-img">
                <img src="../../img/29bb3b4ff357d56d8021ec9b6f464a6b.jpg" alt="">
            </div>
            <div class="footer-img">
                <img src="../../img/kefu.jpg" alt="">
            </div>
        </div>
        <div class="copyright marginauto">重庆云慧网络科技有限公司版权所有©2019-2021<a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备18044507号</a></div>
    </div>
    <style>
        .common-float-win div {
            box-sizing: border-box;
        }
        
        .common-float-win {
            position: fixed;
            z-index: 100;
            right: 16px;
            bottom: 200px;
            width: 64px;
            height: 212px;
        }
        
        .common-float-win .common-float-item {
            width: 64px;
            height: 64px;
            border: 2px solid #fb6638;
            background-color: #ffffff;
            background-position: center 12px;
            background-repeat: no-repeat;
            border-radius: 10px;
            padding-top: 34px;
            margin-bottom: 10px;
            transition: all .2s ease;
            cursor: pointer;
            position: relative;
            box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
        }
        
        .common-float-icon {
            display: block;
            margin: 0 auto;
            transition: all .2s ease;
        }
        
        .common-float-name {
            line-height: 17px;
            font-size: 12px;
            margin-top: 5px;
            color: #585e81;
            text-align: center;
            transition: color .2s ease;
        }
        
        .common-float-win .common-float-item:hover {
            background-color: #fb6638;
        }
        
        .common-float-win .common-float-item:hover .common-float-name {
            color: #fff;
        }
        
        .common-float-item.float-wechat {
            background-image: url(../../img/qrcode.act.png);
        }
        
        .common-float-item:hover.float-wechat {
            background-image: url(../../img/qrcode.png);
        }
        
        .common-float-item.float-wxworker {
            background-image: url(../../img/wechat.act.png);
        }
        
        .common-float-item:hover.float-wxworker {
            background-image: url(../../img/wechat.png);
        }
        
        .common-float-item.float-phone {
            background-image: url(../../img/phone.act.png);
        }
        
        .common-float-item:hover.float-phone {
            background-image: url(../../img/phone.png);
        }
        
        .common-float-item.back-top {
            padding: 0;
            height: 30px;
            background: #fff;
            transition: all .2s ease;
            border: unset;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 0;
            overflow: hidden;
        }
        
        .common-float-item.back-top.show {
            height: 30px;
        }
        
        .common-float-item.back-top:hover {
            transform: scale(1.04);
            background: #fff;
        }
        
        .common-float-item .hover-floatwin {
            width: 150px;
            padding: 12px 0;
            position: absolute;
            top: 0;
            left: -162px;
            border-radius: 10px;
            background: #fb6638;
            transition: opacity .2s ease;
            opacity: 0;
            z-index: -1;
        }
        
        .common-float-item .hover-floatwin-img {
            display: block;
            margin: 0 auto 10px;
            width: 126px;
            height: 126px;
        }
        
        .common-float-item .hover-floatwin-desc {
            line-height: 21px;
            color: #ffffff;
            font-size: 14px;
            text-align: center;
        }
        
        .common-float-item:hover .hover-floatwin {
            opacity: 1;
            z-index: 1;
        }
    </style>
    <div class="common-float-win">
        <!-- <div class="common-float-item float-wechat">
            <p class="common-float-name">公众号</p>
            <div class="hover-floatwin">
                <img src="../../server/app/img/image 157.png" class="hover-floatwin-img">
                <p class="hover-floatwin-desc">关注公众号</p>
            </div>
        </div> -->
        <div class="common-float-item float-wxworker">
            <p class="common-float-name">微信咨询</p>
            <div class="hover-floatwin">
                <img id="wxworkerImg" src="../../img/29bb3b4ff357d56d8021ec9b6f464a6b.jpg" class="hover-floatwin-img">
                <p class="hover-floatwin-desc">企业微信号</p>
            </div>
        </div>
        <div class="common-float-item float-phone">
            <p class="common-float-name">咨询热线</p>
            <div class="hover-floatwin">
                <p class="hover-floatwin-desc">咨询热线</p>
                <p id="phoneNumber" class="hover-floatwin-desc">18225426819</p>
            </div>
        </div>
        <div id="backTop" class="common-float-item back-top">
            <img src="../../server/app/img/arrow.png" class="float-arrow">
        </div>
    </div>
    <script>
        var goTopTimer = null;
        document.addEventListener('scroll', function() {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop > 600) {
                $('#backTop').addClass('show')
            } else {
                $('#backTop').removeClass('show');
            }
        });
        document.addEventListener('mousewheel', function() {
            clearInterval(goTopTimer);
        });

        $('#backTop').on('click', goTop);

        function goTop(stopPosition = 20) {
            var osTop = document.documentElement.scrollTop || document.body.scrollTop
            if (osTop <= stopPosition) {
                return
            }
            goTopTimer = setInterval(function() {
                let osTop = document.documentElement.scrollTop || document.body.scrollTop
                let ispeed = Math.floor(-osTop / 5)
                document.documentElement.scrollTop = osTop + ispeed
                document.body.scrollTop = osTop + ispeed
                if (osTop <= stopPosition) {
                    clearInterval(goTopTimer);
                }
            }, 16);
        }

        /*  $.ajax({
             url: 'https://wiki.ewei.shop/api/customer/get',
             success: function(response) {
                 var customer = response.customer
                     // var customerQrcode = '/default/img/home/wx_worker_qrcode.png'
                     // $('#wxworkerImg').prop('src', customerQrcode);
                     // $('#serviceQrcode').prop('src', customerQrcode);
                 $('#wxworkerImg').prop('src', customer.headimg);
                 $('#serviceQrcode').prop('src', customer.headimg);
                 $('#phoneNumber').text(customer.mobile)
             }
         }); */
    </script>

    <script type="text/javascript" src="../../server/app/img/common.js"></script>


    <script>
        (function() {
            const cz = document.createElement('script');
            cz.type = 'text/javascript';
            cz.async = true;
            cz.charset = 'utf-8';
            cz.src = 'https://w.cnzz.com/c.php?id=1279718634&async=1';
            cz.id = 'cnzz_tj';
            const czc = document.getElementsByTagName('script')[0];
            czc.parentNode.insertBefore(cz, czc);
        })();
    </script>





</body>

</html>